layui.use(['form','jquery'], function () {
    var $ = layui.jquery,
        form = layui.form,
        layer = layui.layer;

    //点击是否显示密码
    $('.bind-password').on('click', function () {
        if ($(this).hasClass('icon-4')) {
            $(this).removeClass('icon-4');
            $("input[name='password']").attr('type', 'password');
        } else {
            $(this).addClass('icon-4');
            $("input[name='password']").attr('type', 'text');
        }
    });

    $('.icon-nocheck').on('click', function () {
        if ($(this).hasClass('icon-check')) {
            $(this).removeClass('icon-check');
        } else {
            $(this).addClass('icon-check');
        }
    });

    //监听验证码点击事件
    $("#refreshCaptcha").on('click', function () {
        $(this).attr("src", $.get("/jspdemo/verifycode"));
    });

    // 进行登录操作
    form.on('submit(login)', function (data) {
        data = data.field;
        if (data.username == '') {
            layer.msg('用户名不能为空');
            return false;
        }
        if (data.password == '') {
            layer.msg('密码不能为空');
            return false;
        }
        if (data.captcha == '') {
            layer.msg('验证码不能为空');
            return false;
        }
        // layer.msg('登录成功', function () {
        //     window.location = '../index.jsp';
        // });
        $.ajax({
            type : "post",
            url : "/jspdemo/checkLogin",
            data : data,
            async : false,
            dataType : "json",
            success : function(res) {
                if(res.code != 200){
                    layer.msg("账号或密码错误！");
                }else{
                    window.location = "/jspdemo/index"+"?id="+res.data;
                }
            }
        });
        return false;
    });
});